﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--引入第三方css-->
    <link rel="stylesheet" href="../lib/bootstrap/css/bootstrap.css">
    <!--引入初始化css样式文件-->
    <link rel="stylesheet" href="../css/base.css">

</head>

<body>
    <!--头部-->
    <header id="header">
        <a class="logo" href="#">
            <img src="../images/header_logo.png" alt="">
        </a>
        <a class="app" href="">
            <img src="../images/header_app.png" alt="">
        </a>
    </header>
    <!--搜索框-->
   <section id="search">
        <form action="">
            <input type="search" placeholder="请输入你想比价的商品">
            <input type="submit" value="搜索">
        </form>
    </section>

    <!--尾部-->
    <!--尾部区域-->
    <footer id="footer">
        <div class="row">
            <div class="col-xs-4">
                <a href="">登录</a>
            </div>
            <div class="col-xs-4">
                <a href="">注册</a>
            </div>
            <div class="col-xs-4">
                <a href="#"><img src="../images/top.jpg" alt="">返回顶部</a>
            </div>
        </div>
        <p><a href="">手机app下载 </a><a href="">慢慢买手机版 </a> -- 掌上比价平台</p>
        <p>m.manmanbuy.com </p>
    </footer>
</body>


<!-- 引入JQ文件 -->
<script src="../lib/jquery/jquery.js"></script>
<!-- 引入 bootstrap框架-->
<script src="../lib/bootstrap/js/bootstrap.js"></script>
<!-- 引入模版js文件 -->
<script src="../js/template.js"></script>

</html>